
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>档案管理</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
<link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">

</head>

<body class="white-bg" style="padding: 3px;">
    <div class="page-heade">
       <h2 class="title_color text-center">档案管理</h2>
    </div>
    <form action="" class="form-inline">
        <table class="table table-bordered bud_hei">
          <tr>
            <td colspan="6"><span class="lr_5"></span><a class="btn btn-sm btn-info" href="{:url('Other/addrecord')}">增加档案</a><span class="lr_5"></span><a href="{:url('Other/lendrecord')}" class="btn btn-sm btn-info">导入档案</a> <a href="{:url('Other/recordmanagementissel')}" class="btn btn-info btn-sm" style="float: right;">回收站</a></td>
          </tr>
           <tr>
              <td class="text-right">姓名</td>
              <td><input type="text" class="form-control" name="" id=""></td>
              <td class="text-right">部门</td>
              <td><input type="text" class="form-control" name="" id=""></td>
              <td class="text-right">职务</td>
              <td><input type="text" class="form-control" name="" id=""></td>
           </tr>
           <tr>
              <td class="text-right">档案编号</td>
              <td>
                <select name="" id="" class="form-control">
                   <option value="0">请选择</option> 
                </select>
              </td>
              <td class="text-right">手机号码</td>
              <td><input type="text" class="form-control" name="" id=""></td>
              <td class="text-right">身份证号码</td>
              <td><input type="text" class="form-control" name="" id=""></td> 
           </tr>
           <tr>
             <td class="text-right">工号</td>
             <td><input type="text" class="form-control" size="5" id="" name="" value="0">- <input type="text" class="form-control" id="" name="" size="5" value="99"></td>
             <td class="text-right">入职时间</td>
             <td>
               <div class="form-group">
                     <input type="text" id="start" class="form-control layer-date " style="min-width:100px;width:100px;display: inline-block;" name="">
                   </div>
                   <div class="form-group">
                    至
                   </div>
                 <div class="form-group">
                   <input type="text" class="form-control layer-date" style="min-width:100px;width:100px;display: inline-block;" id="end" name="">
                 </div>
             </td>
             <td class="text-right">目前状态</td>
             <td>
                <select name="" id="" class="form-control select">
                    <option value="0">请选择</option>
                </select>
             </td>
           </tr>
           <tr>
                <td colspan="6" class="text-center"> <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button><span class="lr_5"></span><a href="javascript:;" class="btn btn-sm btn-info">导出档案Excel</a> </td>

           </tr>
        </table>
    </form>
    <table class="table table-striped table-bordered table-hover bud_hei text-center">
        <tr class="info">
            <th class="text-center">No.</th>
            <th class="text-center trTotal2">档案编号</th>
            <th class="text-center trTotal2">姓名</th>
            <th class="text-center trTotal2">所属部门</th>
            <th class="text-center trTotal2">职务</th>
            <th class="text-center">手机</th>
            <th class="text-center">身份证号码</th>
            <th class="text-center">电子邮箱</th>
            <th class="text-center trTotal2">入职时间</th>
            <th class="text-center trTotal2">工龄</th>
            <th class="text-center trTotal2">目前状态</th>
            <th class="text-center">维护</th>
        <tbody style="border: 0">
            <tr>
              <td>1</td>
              <td>DA171201</td>
              <td><a href="javascript:;">王君仪</a></td>
              <td>西北大区</td>
              <td>西北大区销售代表</td>
              <td>13160670032</td>
              <td>440181199502237822</td>
              <td>wangjunyi@xiaolutong.com.cn</td>
              <td>2017-12-01</td>
              <td>0年1月26日</td>
              <td>试用</td>
              <td><a href="javascript:;">修改</a></td>
            </tr>
             <tr>
                <td>2</td>
                <td>DA171201</td>
                <td><a href="javascript:;">李德明</a></td>
                <td>西北大区</td>
                <td>西北大区销售代表</td>
                <td>13160670032</td>
                <td>440181199502237822</td>
                <td></td>
                <td>2017-12-01</td>
                <td>0年1月26日</td>
                <td>试用</td>
                <td><a href="javascript:;">修改</a></td>
            </tr>
    </tbody>
    </table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>


<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
  <script src="__STATIC__/layout/js/contabs_sub.js"></script>

<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    
  $(document).ready(function () {
        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   


</script>
</body>

</html>